<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>小U商城 - 购物车</title>
    <link rel="stylesheet" href="css/shopping_cart.css">
    <script src="js/index.js"></script>
    <link rel="shortcut icon" href="images/wangye_logo.png" type="image/x-icon">
</head>
<body>
    <!-- 顶部 -->
    <div id="top1">
        <h2>购物车</h2>
        <p>
            <i class="iconfont">&#xe648;</i>
            <span></span>
            <em class="iconfont">&#xe61c;</em>
        </p>
    </div>

    <!-- 页面头部 -->
    <div id="top_box">
        <p class="cur">全部(20)</p>
        <span></span>
        <p>降价(4)</p>
        <p>常卖(2)</p>
        <p class="iconfont p1">分类<i>&#xe94d;</i></p>
    </div>

    <!-- 小U自营 -->
    <div id="ziying">
        <input type="checkbox">
        <h2>小U自营</h2>
        <p>
            <span>已免运费</span>
            <i></i>
            <a href="#">领券</a>
        </p>
    </div>

    <!-- 自营商品 -->
    <div id="ziying_goods">
        <input type="checkbox">
        <ul>
            <li>
                <img src="images/shop.jpg" alt="">
                <h2>木系原山茶花洁面泡沫 氨基酸洁面泡沫</h2>
                <p class="p1">敏感肌可用，控油祛痘、男女可用、泡沫绵密、净透毛孔</p>
                <p class="iconfont p2">粉色50ML <span>&#xe600;</span></p>
                <p class="p3">比加入时降低￥100</p>
                <p class="p4">
                    <span><i>￥</i>999</span>
                    <del>￥1099</del>
                </p>
                <p class="iconfont p5">&#xe63a;<span>1</span>&#xe669;</p>

            </li>
        </ul>

        <input type="checkbox">
        <ul>
            <li>
                <img src="images/shop.jpg" alt="">
                <h2>木系原山茶花洁面泡沫 氨基酸洁面泡沫</h2>
                <p class="p1">敏感肌可用，控油祛痘、男女可用、泡沫绵密、净透毛孔</p>
                <p class="iconfont p2">粉色50ML <span>&#xe600;</span></p>
                <p class="p3">比加入时降低￥100</p>
                <p class="p4">
                    <span><i>￥</i>999</span>
                    <del>￥1099</del>
                </p>
                <p class="iconfont p5">&#xe63a;<span>1</span>&#xe669;</p>

            </li>
        </ul>

        <input type="checkbox">
        <ul>
            <li>
                <img src="images/shop.jpg" alt="">
                <h2>木系原山茶花洁面泡沫 氨基酸洁面泡沫</h2>
                <p class="p1">敏感肌可用，控油祛痘、男女可用、泡沫绵密、净透毛孔</p>
                <p class="iconfont p2">粉色50ML <span>&#xe600;</span></p>
                <p class="p3">比加入时降低￥100</p>
                <p class="p4">
                    <span><i>￥</i>999</span>
                    <del>￥1099</del>
                </p>
                <p class="iconfont p5">&#xe63a;<span>1</span>&#xe669;</p>

            </li>
        </ul>
    </div>


    <!-- 品牌精选 -->
    <div id="jingxuan">
        <input type="checkbox">
        <h2>品牌精选</h2>
        <p>
            <span>已免运费</span>
            <i></i>
            <a href="#">领券</a>
        </p>
    </div>
    <!-- 精选商品 -->
    <div id="jingxuang_goods">
        <input type="checkbox">
        <ul>
            <li>
                <img src="images/shop.jpg" alt="">
                <h2>木系原山茶花洁面泡沫 氨基酸洁面泡沫</h2>
                <p class="p1">敏感肌可用，控油祛痘、男女可用、泡沫绵密、净透毛孔</p>
                <p class="iconfont p2">粉色50ML <span>&#xe600;</span></p>
                <p class="p3">比加入时降低￥100</p>
                <p class="p4">
                    <span><i>￥</i>999</span>
                    <del>￥1099</del>
                </p>
                <p class="iconfont p5">&#xe63a;<span>1</span>&#xe669;</p>

            </li>
        </ul>

        <input type="checkbox">
        <ul>
            <li>
                <img src="images/shop.jpg" alt="">
                <h2>木系原山茶花洁面泡沫 氨基酸洁面泡沫</h2>
                <p class="p1">敏感肌可用，控油祛痘、男女可用、泡沫绵密、净透毛孔</p>
                <p class="iconfont p2">粉色50ML <span>&#xe600;</span></p>
                <p class="p3">比加入时降低￥100</p>
                <p class="p4">
                    <span><i>￥</i>999</span>
                    <del>￥1099</del>
                </p>
                <p class="iconfont p5">&#xe63a;<span>1</span>&#xe669;</p>

            </li>
        </ul>

        <input type="checkbox">
        <ul>
            <li>
                <img src="images/shop.jpg" alt="">
                <h2>木系原山茶花洁面泡沫 氨基酸洁面泡沫</h2>
                <p class="p1">敏感肌可用，控油祛痘、男女可用、泡沫绵密、净透毛孔</p>
                <p class="iconfont p2">粉色50ML <span>&#xe600;</span></p>
                <p class="p3">比加入时降低￥100</p>
                <p class="p4">
                    <span><i>￥</i>999</span>
                    <del>￥1099</del>
                </p>
                <p class="iconfont p5">&#xe63a;<span>1</span>&#xe669;</p>

            </li>
        </ul>
    </div>

    <!-- 底部 -->
    <div id="footer_box">
        <p class="cur">
            <span class="iconfont">&#xe63e;</span>
            <i>商城</i>
        </p>
        <p>
            <span class="iconfont">&#xe63e;</span>
            <i>分类</i>
        </p>
        <p>
            <span class="iconfont">&#xe63e;</span>
            <i>购物车</i>
        </p>
        <p>
            <span class="iconfont">&#xe63e;</span>
            <i>我</i>
        </p>
    </div>
</body>
</html>